<template>
  <!-- 详细对话框 -->
  <el-dialog title="" :visible.sync="dialogVisible" width="80%">
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="基本信息" name="info">
        <sub-info></sub-info>
      </el-tab-pane>
      <el-tab-pane label="存储空间" name="space">
        <sub-space></sub-space>
      </el-tab-pane>
    </el-tabs>
    <span class="el-icon-close close" @click="closeDialog"></span>
  </el-dialog>
</template>
<script>
import subInfo from './subInfo/index'
import subSpace from './subSpace/index'
export default {
  name: 'descri',
  components: {
    subInfo,
    subSpace
  },
  data () {
    return {
      dialogVisible: false,
      activeName: 'info'
    }
  },
  methods: {
    // 关闭窗口
    closeDialog () {
      this.dialogVisible = false
    }
  },
  mounted () {}
}
</script>
<style lang="scss" scoped>
::v-deep div.el-dialog__header {
  height: 0;
  padding: 0;
  padding: 0;
}
::v-deep div.el-dialog__body {
  padding: 0;
}
::v-deep div.el-tabs__nav-scroll {
  background-color: #e0e1e7;
}
::v-deep div.el-tabs__item.is-active {
  background-color: #fff;
}
::v-deep div.el-tabs--border-card > .el-tabs__content {
  padding: 10px;
}
.close {
  position: absolute;
  font-size: 24px;
  border: 1px solid #000;
  top: 7px;
  right: 1%;
  cursor: pointer;
}
</style>
